<%-- 
    Document   : naptienatmcontent
    Created on : Oct 6, 2011, 7:38:25 PM
    Author     : phathuynh
--%>

<%@page import="hibernate.pojo.Khachhang"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<div id="static">
    <div class="StaticTopPanel" style="height:50px;">
        <h2 class="TitleMain" style="line-height:normal;height:auto;">
            Nạp tiền qua thẻ ATM<p style="color:#FF0000;font-size:12px;">Giảm ngay 5% với mỗi giao dịch từ 100,000đ trở lên</p>
        </h2> 
    </div>
    <!-- End .StaticTopPanel -->
    <div class="OuterContent">
        <div class="InnerContent">
            <div class="StaticMain">
                <ul id="tabHeader">                            
                    <li class="Active"><a href="atmcardcontroller?action=atmrecharge&active=4" title="Internet Banking"><span>Nạp thẻ ATM</span></a></li>
                    <li><a href="zingcardcontroller?action=zingcardrecharge&active=4" title="Nạp tiền qua thẻ Zing"><span>Nạp thẻ Zing</span></a></li>
                </ul>
                <a href="http://deal.zing.vn/tp-ho-chi-minh/page/nap-the-atm" title="xem hướng dẫn chi tiết" class="Tips">xem hướng dẫn chi tiết</a>                        
                <div class="ContentBlock">
                    <h3 class="Title">Nhập số tiền và chọn ngân hàng</h3>
                    <%
                        try {
                            Khachhang khachhang = (Khachhang) session.getAttribute("KhachHang");
                            if (khachhang != null) {
                    %>
                    <form class="frmIBank" id="ZingTransactionBankingForm" method="post" action="atmcardcontroller?action=recharge"><fieldset style="display:none;"><input type="hidden" name="_method" value="POST" /><input type="hidden" name="data[_Token][key]" value="9377ac733e255ab705e10fac0e866a374553cc9a" id="Token815147810" /></fieldset>                                <legend>
                            <ul>
                                <li>
                                    <p>
                                        <label for="username" class="Reg">Tài khoản nhận tiền</label>
                                        <label for="ZingTransactionUsername"></label>
                                        <input name="data[ZingTransaction][username]" type="text" value="<%=khachhang.getTaiKhoan()%>" style="width:200px;" id="ZingTransactionUsername" />
                                    </p>
                                </li>
                                <li>
                                    <p>
                                        <label for="amount" class="Reg">Số tiền nạp (VNĐ)</label>
                                    <div class="input text"><label for="ZingTransactionAmount"></label><input name="amount" type="text" maxlength="11" style="width:200px;" value="" id="ZingTransactionAmount" /><span class="info vtip" title="Số tiền bạn cần nạp vào Zing Deal">&nbsp;</span></div>                                                
                                    </p>
                                </li>

                                <li class="">
                                    <p>
                                        <label for="ib-discount-amount" class="Reg">Số tiền được giảm (VNĐ)</label>
                                        <span id="ib-discount-amount" style="font-size: 16px; font-weight: 700; color: #ff0000; vertical-align: middle; display: inline-block; padding: 3px 2px;">0</span>
                                    </p>
                                </li>
                                <li class="">
                                    <p>
                                        <label for="ib-discounted-amount" class="Reg">Số tiền phải trả (VNĐ)</label>
                                        <span id="ib-discounted-amount" style="font-size: 16px; font-weight: 700; color: #ff0000; vertical-align: middle; display: inline-block; padding: 3px 2px;">0</span>
                                    </p>
                                </li>

                                <li class="hide">
                                    <p>
                                        <label for="ib-pay-amount" class="Reg">Số tiền nhận được (VNĐ)</label>
                                        <span id="ib-pay-amount" style="font-size: 16px; font-weight: 700; color: #ff0000; vertical-align: middle; display: inline-block; padding: 3px 2px;">0</span>
                                    </p>
                                </li>

                                <li>
                                    <label for="pass" class="Reg">Chọn ngân hàng</label>
                                    <ul class="listbanks">
                                        <li class="Active ib-vcb">
                                            <a href="javascript:chooseBanking('ib-vcb')" title="Vietcombank"><img src="DealZing_files/vcb00000.gif" title="Vietcombank" alt="Vietcombank" width="75" height="50" /></a>
                                            <input type="radio" name="banking_service" class="hide" checkedvalue="2" id="ib-vcb" />
                                        </li>

                                        <li class="ib-dab">
                                            <a href="javascript:chooseBanking('ib-dab')" title="DongA"><img src="DealZing_files/donga000.gif" title="DongA" alt="DongA" width="75" height="50" /></a>
                                            <input type="radio" name="banking_service" class="hide" value="1" id="ib-dab" />
                                        </li>

                                        <li class="ib-tech">
                                            <a href="javascript:chooseBanking('ib-tech')" title="Techcombank"><img src="DealZing_files/tech0000.gif" title="Techcombank" alt="Techcombank" width="75" height="50" /></a>
                                            <input type="radio" name="banking_service" class="hide" value="2" id="ib-tech" />
                                        </li>

                                        <li class="ib-exim">
                                            <a href="javascript:chooseBanking('ib-exim')" title="Eximbank"><img src="DealZing_files/exim0000.gif" title="Eximbank" alt="Eximbank" width="75" height="50" /></a>
                                            <input type="radio" name="banking_service" class="hide" value="2" id="ib-exim" />
                                        </li>

                                        <li class="ib-vib">
                                            <a href="javascript:chooseBanking('ib-vib')" title="VIB"><img src="DealZing_files/vib00000.gif" title="VIB" alt="VIB" width="75" height="50" /></a>
                                            <input type="radio" name="banking_service" class="hide" value="2" id="ib-vib" />
                                        </li>

                                        <li class="ib-vtb">
                                            <a href="javascript:chooseBanking('ib-vtb')" title="Vietinbank"><img src="DealZing_files/vtb00000.gif" title="Vietinbank" alt="Vietinbank" width="75" height="50" /></a>
                                            <input type="radio" name="banking_service" class="hide" value="2" id="ib-vtb" />
                                        </li>

                                        <li class="ib-mb">
                                            <a href="javascript:chooseBanking('ib-mb')" title="QuanDoi"><img src="DealZing_files/mb000000.gif" title="QuanDoi" alt="QuanDoi" width="75" height="50" /></a>
                                            <input type="radio" name="banking_service" class="hide" value="2" id="ib-mb" />
                                        </li>

                                        <li class="ib-acb">
                                            <a href="javascript:chooseBanking('ib-acb')" title="ACB"><img src="DealZing_files/acb00000.png" title="ACB" alt="ACB" width="75" height="50" /></a>
                                            <input type="radio" name="banking_service" class="hide" value="2" id="ib-acb" />
                                        </li>

                                        <li class="ib-hdb">
                                            <a href="javascript:chooseBanking('ib-hdb')" title="HDB"><img src="DealZing_files/hdb00000.png" title="HDB" alt="HDB" width="75" height="50" /></a>
                                            <input type="radio" name="banking_service" class="hide" value="2" id="ib-hdb" />
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <p>
                                        <script type="text/javascript">
                                            function redirectlink()
                                            {
                                                window.location = "homecontroller?action=view";
                                            }
                                        </script>
                                        <input type="submit" value=" " class="BtnNaptien js-submit-button-banking" />                                                
                                        <input type="button" value=" " class="BtnBoqua" onclick="return redirectlink();" />
                                    </p>
                                </li>
                            </ul>
                        </legend>
                        <input type="hidden" id="account-not-exit" value="Tài khoản này không tồn tại trong hệ thống của Zing ID. Vui lòng kiểm tra lại.">
                        <input type="hidden" id="alert-choose-bank" value="Vui lòng chọn một ngân hàng">
                        <input type="hidden" id="alert-choose-amount-min" value="Số tiền tối thiểu cho 1 lần giao dịch: 50,000 VNĐ">
                        <input type="hidden" id="alert-choose-amount" value="Vui lòng điền số tiền cần nạp vào Zing Deal">
                        <input type="hidden" id="alert-choose-amount-add" value="Số tiền phải là bội số của 10,000">
                        <input type="hidden" id="alert-choose-amount-max" value="Số tiền tối đa được nạp trong ngày: 100,000,000 VNĐ">
                        <input type="hidden" id="promotion-ib-discountpercent" value="5" />
                        <input type="hidden" id="promotion-ib-minamount" value="100000" />
                        <fieldset style="display:none;"><input type="hidden" name="data[_Token][fields]" value="06422863141b87dc26b707ffd5946a802a2542ee%3An%3A0%3A%7B%7D" id="TokenFields1472186977" /></fieldset>
                    </form> 
                    <%
                            }
                        } catch (Exception ex) {
                            out.print(ex);
                        }
                    %>
                </div>
                <!-- End .ContentBlock --> 
                <div class="Line1"></div>

                <div class="NoticeBox">
                    <p class="Legend">Lưu ý</p>
                    <div class="NoteContent">
                        <ul class="Dash">
                            <li>Bạn phải đăng ký dịch vụ Internet Banking của ngân hàng để sử dụng chức năng này.</li>
                            <li>Kiểm tra chính xác tên tài khoản và số tiền bạn định nạp.</li>
                            <li><b>1000 VNĐ</b> mua được <b>1000đ</b> Zing Deal.</li>
                            <li>Số tiền phải là bội số của <b>10,000.</b></li>
                            <li>Số tiền tối thiểu: <b>50,000 VNĐ.</b></li>
                        </ul>
                    </div>                    

                </div>
            </div>
            <!-- End .StaticMain -->
        </div>
        <!-- End .InnerContent -->
    </div>
    <!-- End .OuterContent -->
</div>